<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/lib/element-ui/element-ui.css">
</head>
<body>
<div id="app">
    <el-menu router :default-active="$route.path" mode="horizontal">
        <el-menu-item index="/page1">page1</el-menu-item>
        <el-menu-item index="/page2">page2</el-menu-item>
        <el-menu-item index="/page3">page3</el-menu-item>
    </el-menu>
    <router-view></router-view>
</div>

<!-- 这种架构的确定是被引用的子组件必须在父组件前面引入 -->
<template th:replace="components/myForm::myForm"></template>
<template th:replace="components/table::table"></template>
<template th:replace="components/num::num"></template>

<template th:replace="containers/page1::page1"></template>
<template th:replace="containers/page2::page2"></template>
<template th:replace="containers/page3::page3"></template>

<!--库-->
<script src="/lib/vue.min.js"></script>
<script src="/lib/vue-router.js"></script>
<script src="/lib/element-ui/element-ui.js"></script>
<!--main.js-->
<script src="/js/router.js"></script>
<script src="/js/main.js"></script>
</body>
</html>